<template>
  <div class="login_content">
    <div class="login-form">
      <el-form ref="formRef">
        
      </el-form>
    </div>
  </div>
</template>

<script lang="ts" setup>
import type { FormInstance } from 'element-plus'
const formRef = ref<FormInstance>();
</script>

<style scoped lang="scss">
.login_content{
  width: 100vw;
  height: 100vh;
  background: pink;
  .login-form{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 520px;
    min-height: 500px;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 40px 60px;
    background: #fff;
    border-radius: 8px;
  }
}
</style>